export default {
  install: function(Vue) {
    Vue.directive('errorImg', {
      // 自定义指令
      bind: function() {},
      inserted: function(el, obj) {
        if (el.src) {
          el.src = obj.value
        }
        // dom 元素在加载的过程中加载资源失败的时候就会触发
        el.onerror = function() {
          el.src = obj.value
        }
      }
    })
    // 自定义指令的功能
    // 步骤总结
    // 1. Vue.directive(自定义指令的名字,对象)
    // 2. inserted: 等待 dom 元素全部插入到 dom 树里面之后再执行
    // 2.1 可以获取 dom 元素, 可以给 dom 元素绑定一个资源加载失败的事件
    // 2.2 重新给 dom 设置 src
    // 2.3 将设置的 src 值写活
    // 需要再 navBar 组件中使用指令的时候传值 v-errorImg="defaultImg"
    // 2.4 inserted 钩子函数需要获取传过来的值, 获取之后再赋值给 dom 元素的 src
  }
}
